<extend name="./Themes/tdt/Template/Layout/Layout.html" />
<block name="style">
    <link rel="stylesheet" href="__THEME__/css/index.css" />
    <link rel="stylesheet" href="__PUBLIC__/Build/Cesium/Widgets/widgets.css" />
    <style>
    #cesiumContainer { position: absolute; left: 0; width: 50%; height: 97.5%; margin: 0; padding: 0; overflow: hidden; background-color: #152950; }
    #mapContainer { position: relative; left: 50%; top: 0; width: 50%; height: 100%; margin: 0; padding: 0; overflow: hidden; background-color: #152950; }
    #resultDiv{width:160px;height: 350px;overflow: hidden;display:none; position: absolute; right: 20px; top: 50px; z-index: 10;}
    #result{  width: 180px;padding: 10px; height: 350px; overflow: hidden; overflow-y: scroll;  background-color: rgba(84, 157, 253,0.7);}
    #result .TreeAutoCreate>ul{ padding-left:10px;}
    #result a{color: #fff;}
    .sqlselectdiv{ display: none; position: absolute; width: 210px; top: 30px; z-index: 10000; right: 0px; background: #fff; padding: 15px; }  
    .Vagueselectdiv{ display: none; position: absolute; width: 210px; top: 30px; z-index: 10000; right: 0px; background: #fff; padding: 15px; }  
    </style>
</block>
<block name="body">
    <div id="content" data-calc-height="100%-0">
        <div id="right" data-calc-width="100%-0" style="left:0">
            <div id="toolbar" class="clearfix">
                <div class="pull-left">
                    <div class="set-mode">
                        <span id="mode3d" class="m-btn" onclick="javascript:location.href='{:U('Index/index3d')}'">三维</span><span id="mode2d" class="m-btn" onclick="javascript:location.href='{:U('Index/index2d')}'">二维</span>
                    </div>
                </div> 
                <div class="pull-right">
                    <span id="Explore2D"><i class="tool-icon"></i>三维联动二维</span>
                    <span id="Explore3D"><i class="fa fa-adjust"></i> 二维联动三维</span>
                    <span id="SQLselectClick"><i class="fa fa-search"></i> 条件查询</span>
                    <span id="VagueSelect"><i class="fa fa-search"></i> 模糊查询</span>
                </div> 
            </div> 
            <div class="sqlselectdiv">
                <div class="layui-inline">
                  <!-- <div class="layui-input-inline">
                      <input placeholder="输入要查询的内容" lay-verify="required" autocomplete="off" class="layui-input" style="width:200px">
                  </div> -->
                    <form class="layui-form" action="">
                        <div class="layui-form-item">                               
                            <select id="sqlselectType" lay-filter="selectValue">
                                <option selected="">编号</option>
                                <option>名称</option>
                            </select>                               
                        </div>
                        <div class="layui-form-item">
                            <div class="w70 mr5 fl">
                                <input class="layui-input" id="sqlselectText1" value="编号" disabled>
                            </div>
                            <div class="w50 mr5 fl">
                              <select id="sqlselectOption">
                                <option>></option>
                                <option><</option>
                                <option>=</option>
                              </select>
                            </div>
                            <div class="w70 mr5 fl">
                               <input class="layui-input" id="sqlselectText2">
                            </div>
                            <a href="javascript:void(0)" id="sqlselect" class="layui-btn h35 mt2 layui-btn-normal" style="margin-left:70px; margin-top:15px;margin-bottom:0px;">查询</a>
                        </div>    
                    </form>                   
                </div>
            </div>

            <div class="Vagueselectdiv">
                <div class="layui-inline">
                  <div class="layui-input-inline">
                      <input placeholder="输入要查询的内容" id="VagueSelectInput" lay-verify="required" autocomplete="off" class="layui-input" style="width:200px">
                  </div>
                    <a href="javascript:void(0)" id="VagueSelectSubmit" class="layui-btn h35 mt2 layui-btn-normal" style="margin-left:70px; margin-top:15px;margin-bottom:0px;">查询</a>             
                </div>
            </div>

            <div data-calc-height="100%-32px">
                <span id="layerBtn" class="popupHide"><i class="fa fa-caret-square-o-left"></i> 图层</span>
                <div id="resultDiv"><div id='result' class='content-main'></div></div>
                <div id="cesiumContainer" style="margin-bottom: 0"></div>
                <div id="mapContainer"></div>
            </div>
        </div>
    </div>
</block>
<block name="script">
<script>
var user_type = "{$userinfo[type]}";
var selectURl = "{:U('Home/Widget/find')}";
var addURl = "{:U('Home/Widget/insert')}";
var udpateURl = "{:U('Home/Widget/update')}";
var deleteURl = "{:U('Home/Widget/delete')}";
var widgetLayerURL = "{:U('Home/Widget/layerlist')}";
var layerShow = "{:U('Home/Widget/LayerListDefaultShow')}";
var pic_PBULIC = publicurl = "__PUBLIC__";
var map,popup,draw,source,vectorLayer,resultLayer,themeLayer,urlData_1,interaction,registClickEvent,forTree,tree,view,returnFunction,interpolationLayer,inverseDistanceLayer,kelvjinLayer,GlobalLayer,GlobalLayerName,GlobalLayerId,layer3d,layer2d,SqlSelectJson;
var pingyinLayer = urlPingyin = new Array();
var FlyLayerOpen = new Array(true,true,true,true,true,true,true,true); //需要对应图层数量，默认为全部打开
</script>
<!--相应数据-->
<script src="__PUBLIC__/js/Proj4js/proj4.js"></script>
<script src="__THEME__/js/index.js"></script>
<script src="__THEME__/js/TwoThreeAllPoint.js"></script>
<!--WEBGL包-->
<script src="__PUBLIC__/js/SuperMap.Include.js"></script>
<!--openlayers包-->
<script type="text/javascript" src="__PUBLIC__/OpenLayers/include-openlayers.js"></script>
<script type="text/javascript" src="__PUBLIC__/OpenLayers/widgets.js"></script>
<!--classic包-->
<script type="text/javascript" src="__PUBLIC__/classic/SuperMap.Include.js"></script>
<script type="text/javascript" src="http://iclient.supermap.io/dist/iclient-classic.js"></script>

<script src="__PUBLIC__/js/require.min.js" defer async="true" data-main="__PUBLIC__/js/main23.js"></script>
</block>
